<template>
	<div>
		<el-card class="!border-none pt-4" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				基本数据
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">订单编码：</span>
						<span class="v-wordBreak ml-[10px]">1242112300</span>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">日期：</span>
						<span class="v-wordBreak ml-[10px]">1242112300</span>
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">完工状态：</span>
						<span class="v-wordBreak ml-[10px]">1242112300</span>
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-card class="!border-none pt-4" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				产品信息
			</div>
			<el-table class="mt-[20px]" size="large" :data="lists"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="序号" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>32000</span>
					</template>
				</el-table-column>
				<el-table-column label="产品名称" prop="超级好吃的巧克力" align="center"  />
				<el-table-column label="产品件数" prop="上海AAAA有限公司" align="center" />
				<el-table-column label="包装件数" prop="王小明" align="center" />
				<el-table-column label="毛重(kg)" prop="王小明" align="center" />
				<el-table-column label="总毛重(kg)" prop="王小明" align="center" />
				<el-table-column label="净重(kg)" prop="王小明" align="center" />
				<el-table-column label="总净重(kg)" prop="王小明" align="center" />
				<el-table-column label="长*宽*高(cm)" prop="王小明" align="center" />
				<el-table-column label="体积(CBM)" prop="王小明" align="center" />
				<el-table-column label="总体积(CBM)" prop="王小明" align="center" />
			</el-table>
			<el-table class="mt-[20px]" size="large" :data="list"
				:header-cell-style="{'background':'#0054A6','color':'#fff','line-height':'52px','padding':'14px 0'}"
				:cell-style="{'color':'#0054A6','padding':'20px 0'}">
				<el-table-column label="总件数" prop="scene_name" align="center" >
					<template #default="{ row }">
						<span>32000</span>
					</template>
				</el-table-column>
				<el-table-column label="总毛重(kg)" prop="超级好吃的巧克力" align="center"  />
				<el-table-column label="总方数" prop="上海AAAA有限公司" align="center" />
			</el-table>
		</el-card>
	</div>
</template>

<script lang="ts" setup>
	const lists = ref<Array<any>>([
		{}, {}, {}
	])
	const list = ref<Array<any>>([
		{}
	])
</script>

<style>
</style>